<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
        1. DOM, BOM, 节点，元素，文档，分别是什么？
            DOM:文档对象模型。系统提供一些接口，可以动态地改变网页的样式和内容
            BOM的对象是window
            节点: node      网页中所有的内容都是节点。文本 标签 文本 注释
            元素：element   网页中所 有的标签都是元素
            文档：document  网页

        2. 键盘事件有哪些？分别什么时候触发？
            keyup    键盘弹起触发
            keydown  键盘按下 一直触发
            keypress 键盘按下 一直触发 但是不能触发功能键

        3. 定时器有哪些？及用法？清除定时器函数？
            指定时间后。函数自动执行 并且有返回值
            setTimeout
            clearTimeout
            指定间隔时间重复执行的函数
            setInterval
            clearInterval
            清除定时器函数一般可以用匿名函数或者箭头函数

        4. 监听浏览器窗口尺寸变化的事件？获取浏览器宽度的属性
            window.addEventListener('resize',function(){
                let width = window.innerHTML;
                console.log(width);
            });

        5. 事件流
            事件流分为捕获和冒泡
            捕获： document ——> html ——>document ——> body ——> father ——> son

        6. 委托
            通过冒泡把 li 把事件委托给 ul(从内到外)

        7. 阻止冒泡和默认事件的方法
            阻止默认事件有3种
            e.preventDefault();
            e.returnValue();
            return false;
            具体用代码显示：(省略input标签内容)
            var input = document.querySelector('input');
            input.addEventListener('click',function(e){
                // 1. dom 标准写法 
                e.preventDefault();
                // 2. 低版本浏览器 ie678 
                // e.returnValue();
            });
            input.onclick = function(e){
            // 3. 只能在传统注册方式中使用
            return false;
        }
        
        8.  
             clientY : 鼠标在可视区的y坐标
             pageY: 鼠标在文档中的y坐标(加上被卷去的头部)
             screenY: 鼠标在屏幕顶端的距离

        9. this 执行的判断
        
        10.节点克隆，新增，删除  
        节点克隆：
        node.clioneNode();括号为空或者里面是false 浅拷贝 只复制标签不复制里面的内容
        node.cloneNode(true); 括号为true 深拷贝 复制标签复制里面的内容

        新增：ele.appendChild();
             inserBefore();
        
        删除：removeEventListener();


*/
    </script>
</body>
</html>